<template>
  <div>
    <template v-if="props.ismoon == 1">月亮</template>
    <template v-if="props.ismoon == 2">星星</template>
    <template v-if="props.ismoon == 3">太阳</template>
    <template v-if="props.ismoon == 4">太空</template>
  </div>
</template>

<script lang='ts'>
export default {
  name: 'vue',
}
</script>

<script lang='ts' setup>
import { ref, h, type Ref, isRef, reactive, isReactive, readonly, isReadonly, toRef, toRefs, unref, isProxy } from 'vue';
const props = defineProps<{
  ismoon: number
}>()
</script>

<style lang='scss'></style>
